import { reqGoodsInfo } from "@/api";
import { reqAddOrUpdateShopCart } from "@/api";
//封装游客身份模块uuid  生成临时随机字符串(不能再变了)
import { getUUID } from '@/utils/uuid_token';
const state = {
    goodsInfo: {},
    //临时游客身份
    uuid_token: (getUUID())
};
const actions = {
    //获取产品信息action
    async getGoodInfo(context, skuId) {
        let result = await reqGoodsInfo(skuId)
        // console.log(result);
        if (result.code == 200) {
            context.commit('GOODSINFO', result.data);
        }
    },
    //将产品添加到购物车中
    async addOrUpdateShopCart(context, { skuId, skuNum }) {
        //加入购物车以后,前台将参数带给服务器
        //服务器写入成功,并没有返回其他的数据,只是返回code=200,代表这次操作成功
        //因为服务器没有返回其余数据,因此咱们不需要三连环存储数据
        let result = await reqAddOrUpdateShopCart(skuId, skuNum)
        // console.log(result); 
        //代表服务器加入购物车成功
        if (result.code == 200) {
            return 'ok';
        } else {
            //代表加入购物车失败
            return Promise.reject(new Error('faile'))
        }
        //当前函数返回的是一个promise,所以我们可以返回成功或者失败给组件
    }


};
const mutations = {
    GOODSINFO(state, goodsInfo) {
        state.goodsInfo = goodsInfo
    }
};
const getters = {
    //简化以下数据,因为detail的数据比较复杂
    categoryView(state) {
        //这里如果服务器没有返回结果,goodsInfo初始状态是空对象,空对象的categoryView属性值是undefined  在detail组件中取它(undefined)的category1Name这个属性就会报错

        //所以这里至少categoryView返回是一个空对象才不会报错,因为空对象的属性是undefined
        return state.goodsInfo.categoryView || {}
    },
    skuInfo(state) {
        return state.goodsInfo.skuInfo || {}
    },
    //商品售卖详细信息的简化
    spuSaleAttrList(state) {
        return state.goodsInfo.spuSaleAttrList || []
    }
};


export default {
    state,
    actions,
    mutations,
    getters
}